<!-- 继承主页导航头 -->
<extend  name="Index/index" />
<block name="main">

<div class="placeholder-height"></div>
<div class="container">

    <div class="wrap-left pull-left">
        <div class="big2-pic pull-left">
            <a href="#" class="back-img" target="_blank">
                <img src="__ROOT__/Uploads/<{$first[0]['img']}>">
            </a>
            <a href="<{:U('Article/index', array('aid'=>$first[0]['aid']))}>" target="_blank">
                <div class="big2-pic-content">
                    <h2 class="t-h1"><{$first[0]['title']}></h2>
                </div>
            </a>
        </div>
        <div class="big2-pic-right pull-right">
            <div class="article-title"><a href="<{:U('Article/index', array('aid'=>$comment[0]['aid']))}>" target="_blank"><{$comment[0]['title']}></a></div>
            <div class="article-author">
                <span class="span-mark-author">热评</span>
                <div class="mob-author">
                    <div class="author-face">
                        <a href="<{:U('Writercenter/index', array('uid'=>$comment[0]['uid']))}>" target="_blank"><img src="__ROOT__/Uploads/<{$comment[0]['img_40']}>"></a>
                    </div>
                    <a href="<{:U('Writercenter/index', array('uid'=>$comment[0]['uid']))}>"><span class="author-name"><{$comment[0]['name']}></span></a>
                </div>
                <div class="mob-sub"><{$comment[0]['c_content']}></div>
            </div>
        </div>


        <!--文章列表-->
        <div class="mod-info-flow" id="content">
            <volist name="data" id="v">
                <div class="mod-b mod-art" data-aid="157535">
                    <div class="mod-thumb">
                        <a class="transition" href="<{:U('Article/index', array('aid'=>$v['aid']))}>" target="_blank">
                        <img class="lazy" src="__ROOT__/Uploads/<{$v['img']}>">
                        </a>
                    </div>

                    <div class="mob-ctt">
                        <h3><a href="<{:U('Article/index', array('aid'=>$v['aid']))}>" class="transition" target="_blank"><{$v['title']}></a></h3>
                        <div class="mob-author">
                            <div class="author-face">
                                <a href="<{:U('Writercenter/index', array('uid'=>$v['uid']))}>" target="_blank"><img src="__ROOT__/Uploads/<{$v['img_40']}>"></a>
                            </div>
                            <a href="<{:U('Writercenter/index', array('uid'=>$v['uid']))}>" target="_blank">
                                <span class="author-name"><{$v['name']}></span>
                            </a>
                            <a href="/vip" target="_blank"></a>
                            <span class="time"><{:date('Y-m-d H:i:s', $v['time'])}></span>
                            <i class="icon icon-cmt"></i><em>1</em>
                            <i class="icon icon-fvr"></i><em><{$v['zan']}></em>
                        </div>
                        <div class="mob-sub"><{$v['motto']}></div>
                    </div>
                </div>
            </volist>
        </div>

        <!-- 下面是更多内容js -->
        <div class="get-mod-more transition" data-cur_page="1" data-last_dateline="1469341620" id="jia">
            点击加载更多
        </div>
    </div>


    <!-- 热文 -->
    <div class="wrap-right pull-right">
        <div class="box-moder hot-article">
            <h3><b><{$cname}>-热文</b></h3>
            <span class="span-mark"></span>
            <ul>
                <volist name="hot" id="val">
                <li>
                    <div class="hot-article-img">
                        <a href="<{:U('Article/index', array('aid'=>$val['aid']))}>" target="_blank">
                            <img src="__ROOT__/Uploads/<{$val['img']}>">
                        </a>
                    </div>
                    <a href="<{:U('Article/index', array('aid'=>$val['aid']))}>" class="transition" target="_blank"><{$val['title']}></a>
                </li>
                </volist>
            </ul>
        </div>
    </div>
    <!-- 热文结束 -->
</div>
<input type="hidden" name="cid" value="<{$Think.get.cid}>" id="cid">
</block>

<block name="js">
    <script type="text/javascript">
        var n = 1;
        var cid = $('#cid').val();
        // console.log(cid)
        $('#jia').click(function(){
            // console.log("<{:U('List/listAjax')}>"); 
            $.ajax({
                type:'post',
                url:"<{:U('List/listAjax')}>",
                data:{'n':n, 'cid':cid},
                dataType:'json',
                success: function(data){
                    // console.log(data);
                    if (data == null) {
                        $('#jia').remove();
                    } else{
                        for (var i = 0; i < data.length; i++) {
                            $('#content').append(
                                '<div class="mod-b mod-art" data-aid="157535"><div class="mod-thumb"><a class="transition img1'+data[i]["aid"]+'" href="#" target="_blank"><img class="lazy" src="__ROOT__/Uploads/'+data[i]['img']+'"></a></div><div class="mob-ctt"><h3><a href="/article/157535/1.html" class="transition title1'+data[i]["aid"]+'" target="_blank">'+data[i]['title']+'</a></h3><div class="mob-author"><div class="author-face"><a href="" target="_blank" class="author'+data[i]["aid"]+'"><img src="__ROOT__/Uploads/'+data[i]['img_40']+'"></a></div><a href="" target="_blank" class="author'+data[i]["aid"]+'"><span class="author-name">'+data[i]['name']+'</span></a><a href="/vip" target="_blank"></a><span class="time">'+data[i]['time']+'</span><i class="icon icon-cmt"></i><em>1</em><i class="icon icon-fvr"></i><em>'+data[i]['zan']+'</em></div><div class="mob-sub">'+data[i]['motto']+'</div></div></div>'
                            );
                            $('#jia').html('点击加载更多');
                            $('.img1'+data[i]["aid"]).attr('href', '__ROOT__/index.php/Home/Article/index/aid/'+data[i]['aid']);
                            $('.title1'+data[i]["aid"]).attr('href', '__ROOT__/index.php/Home/Article/index/aid/'+data[i]['aid']);
                            $('.author'+data[i]["aid"]).attr('href', '__ROOT__/index.php/Home/Writercenter/index/uid/'+data[i]['uid']);
                        }
                    }
                    n++;
                },
            })
        })

    </script>
</block>


<!-- 用户信息end -->
